<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>Document</title>
		<!-- 1引入重叠样式 -->
		<link rel="stylesheet" href="../css/reset.css" />
		<!-- 2引入常态化样式 -->
		<link rel="stylesheet" href="../css/normalize.css" />
		<!-- 3引入公共样式 -->
		<link rel="stylesheet" href="../css/common.css" />
		<!-- 5引入当前页CSS -->
		<link rel="stylesheet" href="../css/API-index.css" />
	</head>
	<body>
		<!-- 头部 -->
		<header class="flex-cb box-s">
			<a href="#"></a>
			<ul class="flex-cc">
				<li>
					<a href="index.html">首页</a>
				</li>
				<li class="active">
					<a href="API-index.html">API</a>
				</li>
				<li>
					<a href="#">云服务</a>
				</li>
				<li>
					<a href="#">案列</a>
				</li>
				<li>
					<a href="#">开发者</a>
				</li>
			</ul>
			<div>
				<span>登录</span>
				<span>注册有礼</span>
			</div>
		</header>
		<section class="height"></section>
		<!-- 主体 -->
		<main>
			<section class="one">
				<div>
					<h1>API分类</h1>
					<ul></ul>
					<div>
						<strong>全部</strong>
						<input type="text" value="身份证实名" />
					</div>
				</div>
			</section>
			<section id="apiCards">
				<ul id="apiCardsList"></ul>
			</section>
			<section id="pagination">
				<ul>
					<li class="active">1</li>
					<li>2</li>
					<li>3</li>
					<li>4</li>
				</ul>
			</section>
		</main>
		<!-- 尾部 -->
		<footer>
			<div class="footerlt">
				<div class="footertp">
					<ul>
						<li class="active">联系与支持</li>
						<li>400-882-7715</li>
						<li>售前咨询</li>
						<li>客服&售后</li>
						<li>常见问题</li>
						<li>极速工单</li>
						<li>投诉与建议</li>
					</ul>
					<ul>
						<li>关于源码</li>
						<li>400-882-7715</li>
						<li>合作伙伴</li>
						<li>服务条款</li>
						<li>隐私政策</li>
						<li>市场合作</li>
						<li>反商业贿赂声明</li>
					</ul>
					<ul>
						<li>快速入口</li>
						<li>400-882-7715</li>
						<li>API数据</li>
						<li>黑钻会员</li>
						<li>新闻动态</li>
						<li>联系我们</li>
						<li>加入我们</li>
					</ul>
					<ul>
						<li>产品服务</li>
						<li>400-882-7715</li>
						<li>云监测</li>
						<li>云查询</li>
						<li>云助手</li>
						<li>聚盒子</li>
						<li>云充值</li>
					</ul>
					<ul>
						<li>解决方案</li>
						<li>400-882-7715</li>
						<li>售前咨询</li>
						<li>客服&售后</li>
						<li>常见问题</li>
						<li>投诉工单</li>
						<li>投诉与建议</li>
					</ul>
				</div>
				<div class="footerbt">
					<img src="../imgs/bei2.png" alt="" />
					<img src="../imgs/bei1.png" alt="" />
					<p>
						增值电信业务经营许可证：蜀B2-20180596蜀ICP备15006450号-3营业执照
					</p>
				</div>
			</div>
			<div class="footergt">
				<h3>微信公众号</h3>
				<p>源码时代</p>
				<img src="../imgs/103-demo.png" alt="" />
				<p>源码大数据股份有限公司©版权所有</p>
			</div>
		</footer>
		<div id="mask">
			<div id="loginModal">
				<!-- logo -->
				<div id="loginModalLogo"></div>
				<!-- tab区 -->
				<div id="loginModalTab">
					<a class="active" href="javascript:void 0">账号登录</a>
					<i></i>
					<a href="javascript:void 0">扫码登录</a>
				</div>
				<!-- 表单区 -->
				<form id="loginForm" action="index.html" method="post"  class="active">
					<!-- 用户名 -->
					<p id="loginUser">
						<i></i>
						<input type="text" placeholder="用户名/手机号/邮箱" />
					</p>
					<!-- 密码 -->
					<p id="loginPwd">
						<i></i>
						<input type="password" placeholder="密码" />
					</p>
					<!-- 忘记密码 -->
					<p id="forgetPwd" class="text-r">
						<a href="#">忘记密码</a>
					</p>
					<!-- 登录 -->
					<p>
						<input type="submit" value="登录" />
					</p>
					<!-- 立即注册 -->
					<p class="text-r">还没有账号，<a href="#">立即注册 &gt;</a>></p>
				</form>
				<form id="loginForm" action="index.html" method="post">
					<div id="one">
					<img src="../imgs/103-demo.png" alt="">
					<p>微信扫码登录</p>
					<p>关注源码科技公众号，请先关注在登陆</p>
				</div>
					<!-- 立即注册 -->
					<p>还没有账号，<a href="#">立即注册 &gt;</a></p>
				</form>
			</div>
			
		</div>
		<!-- 引入util的JS -->
		<script src="../js/util.js"></script>
		<script src="../js/API-index.js"></script>
		<script></script>
	</body>
</html>
